<script setup lang="ts">
import { Page } from '@vben/common-ui';
</script>

<template>
  <div class="reports-analysis">
    <Page title="报表分析" content="预约数据统计分析">
      <div class="admin-container">
        <div class="content">
          <h3>报表分析功能开发中...</h3>
          <p>这里将包含预约数据的统计图表和分析功能</p>
        </div>
      </div>
    </Page>
  </div>
</template>

<style scoped>
.reports-analysis {
  padding: 20px;
}

.admin-container {
  max-width: 1200px;
  margin: 0 auto;
}

.content {
  padding: 60px 20px;
  color: #6b7280;
  text-align: center;
}

.content h3 {
  margin-bottom: 16px;
  font-size: 24px;
  color: #1f2937;
}

.content p {
  margin: 0;
  font-size: 16px;
}
</style>
